<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:util="http://java.sun.com/jsf/composite/util"
      xmlns:pe="http://primefaces.org/ui/extensions" xmlns:p="http://primefaces.org/ui"
        >

<ui:insert name="metadata"/>

<h:head>
    <!-- application title -->
    <title>@MRU</title>
    <!-- loads css style files -->
    <h:outputStylesheet name="css/main-style.css"/>
    <h:outputStylesheet name="css/tree-style.css"/>
    <h:outputStylesheet name="css/menu-style.css"/>
    <h:outputStylesheet name="css/order-icons.css"/>
    <h:outputStylesheet name="css/dialogs.css"/>
    <!-- loads js script files -->
    <h:outputScript name="js/main.js"/>
    <h:outputScript name="js/tree-move-functionality.js"/>

    <!--<h:outputStylesheet name="css/order-template.css"/>-->
    <!--<h:outputScript name="js/tree-additional-checkbox.js"/>-->
</h:head>

<h:body>

    <pe:layout fullPage="true" widgetVar="layoutWV">

        <pe:layoutPane position="north" closable="false" resizable="false" spacingOpen="0" size="45">
            <ui:include src="menu/main-menu.xhtml"/>
        </pe:layoutPane>

        <pe:layoutPane position="center" closable="false" resizable="false">
            <pe:layoutPane position="north" resizable="false" initHidden="true">
                <ui:include src="../../view/contents/main/folder/main-folder-details-content.xhtml"/>
            </pe:layoutPane>

            <pe:layoutPane position="center" resizable="false">
                <ui:insert name="mainContent"/>
                <!--<ui:include src="../../view/contents/main/main-content.xhtml" />-->
            </pe:layoutPane>
        </pe:layoutPane>

        <pe:layoutPane id="west_panel" position="west"  size="25%" minSize="150" maxSize="370">
            <p:tooltip for="west_panel" value="Selectați una din pozițiile disponibile(marcate cu roșu), apoi confirmați noua poziție,apăsând butonul OK din bara de instrumente." styleClass="track_tooltip" />
            <ui:include src="../../view/contents/tree/tree-main-content.xhtml"/>
        </pe:layoutPane>

        <pe:layoutPane position="south" closable="false" resizable="false" spacingOpen="0">
            <ui:insert name="footerContent">
                <div style="height: 30px;margin: 5px; display: flex; align-items: center;">
                    <p:graphicImage value="../../../resources/img/stema-rm.png" height="25px"/>
                    <h:outputText value="© Serviciul vamal din Republica Moldova 2014." style="margin-left: 10px"/>
                    <p:commandLink value="Toate drepturile rezervate." />
                </div>
            </ui:insert>
        </pe:layoutPane>

    </pe:layout>

    <ui:include src="../../view/contents/main/folder/order/order-dialog.xhtml"/>
    <ui:include src="../../view/contents/tree/tree-add-node-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/utils/create-folder-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/administration/create-user-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/administration/create-group-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/administration/create-system-tag-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/create-contract-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/create-contract-agreement-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/create-work-experience-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/contract-agreements-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/create-education-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/create-language-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/create-salary-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/create-citizen-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/create-document-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/tabs/create-family-dialog.xhtml"/>
    <ui:include src="../../view/contents/main/folder/webcam-dialog.xhtml"/>


    <h:outputStylesheet id="layoutCSS">
        body {
            margin: 4px !important;
        }

        body > .ui-layout-north,
        body > .ui-layout-south {
            background: none;
            border: none;
            padding: 0;
        }

        body > .ui-layout-north {
            overflow: visible !important;
            z-index: 1 !important;
        }

        /*body > .ui-layout-center {
            z-index: 1 !important;
        }*/

    </h:outputStylesheet>
</h:body>
</html>